<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <div th:replace="m/head :: head"></div>

    <title>订单详情</title>
</head>

<body class="body-gray">

<div th:replace="m/head :: body('banner.hidden', 'head-no-menu', '订单详情')"></div>

<!--主体内容-->
<div class="payment-content">
    <!--订单信息-->
    <div class="payment-box">
        <h3>订单信息</h3>
        <div class="con">
            <h4>拍同款作品</h4>
            <ul>
                <li>
                    <div class="left">订单编号</div>
                    <div class="right" th:text="${order.no}"></div>
                </li>
                <li>
                    <div class="left">下单时间</div>
                    <div class="right" th:text="${#dates.format(order.orderTime,'yyyy-MM-dd HH:mm:ss')}"></div>
                </li>
                <li>
                    <div class="left">付款时间</div>
                    <div class="right" th:text="${#dates.format(order.payTime,'yyyy-MM-dd HH:mm:ss')}"></div>
                </li>
                <li>
                    <div class="left">应付总额</div>
                    <div class="right" th:text="${'￥' + #numbers.formatDecimal(order.totalPrice,1,2) + '元'}"></div>
                </li>
                <li>
                    <div class="left">订单状态</div>
                    <div class="right" cus:dict="order-status,${order.status}"></div>
                </li>
            </ul>
        </div>
    </div>

    <!--客户信息-->
    <div class="payment-box">
        <h3>客户信息</h3>
        <div class="con">
            <ul>
                <li>
                    <div class="left">姓名</div>
                    <div class="right" th:text="${currentUser.name eq null ? currentUser.nickname : currentUser.name}"></div>
                </li>
                <li>
                    <div class="left">电话</div>
                    <div class="right" th:text="${currentUser.mobile}"></div>
                </li>
            </ul>
        </div>
    </div>

    <!--作品信息-->
    <div class="payment-box">
        <h3>作品信息</h3>
        <div class="con">
            <ul>
                <li>
                    <div class="left">作品标题</div>
                    <div class="right" th:text="${order.orderDetail.sameStyleId ne null ? video.name : '私人定制作品'}"></div>
                </li>
                <li>
                    <div class="left">作品简介</div>
                    <div class="right" th:text="${order.orderDetail.sameStyleId ne null ? video.description : '私人定制作品'}"></div>
                </li>
                <li>
                    <div class="left">编剧</div>
                    <div class="right" th:text="${order.orderDetail.scriptWriterUser eq null ? '待分配' : order.orderDetail.scriptWriterUser.nickname}"></div>
                </li>
                <li>
                    <div class="left">导演</div>
                    <div class="right" th:text="${order.orderDetail.photoGrapherUser eq null ? '待分配' : order.orderDetail.photoGrapherUser.nickname}"></div>
                </li>
                <li>
                    <div class="left">作品类型</div>
                    <div class="right" cus:dict="video-type,${order.orderDetail.videoType}"></div>
                </li>
                <li>
                    <div class="left">套餐类型</div>
                    <div class="right" th:text="${order.orderDetail.orderCombo.label}"></div>
                </li>
                <li>
                    <div class="left">套餐内容</div>
                    <div class="right">点击查看服务内容</div>
                </li>
            </ul>
        </div>
    </div>

    <!--拍摄信息-->
    <div class="payment-box">
        <h3>拍摄信息</h3>
        <div class="con">
            <ul>
                <li>
                    <div class="left">拍摄地点</div>
                    <div class="right" cus:area="${order.orderDetail.shootingLocation}"></div>
                </li>
                <li>
                    <div class="left">拍摄时间</div>
                    <div class="right" th:text="${#dates.format(order.orderDetail.shootingStartDate,'yyyy-MM-dd') + '-' + #dates.format(order.orderDetail.shootingEndDate,'yyyy-MM-dd')}"></div>
                </li>
                <li>
                    <div class="left">备注</div>
                    <div class="right" th:text="${order.orderDetail.remark}"></div>
                </li>
            </ul>
        </div>
    </div>

    <!--发票信息-->
    <div class="payment-box" th:if="${order.orderReceipt ne null}">
        <h3>发票信息</h3>
        <div class="con">
            <ul>
                <li>
                    <div class="left">发票类型</div>
                    <div class="right">电子发票/增值税普通发票</div>
                </li>
                <li>
                    <div class="left">发票抬头</div>
                    <div class="right">个人/事业单位</div>
                </li>
                <li>
                    <div class="left">发票内容</div>
                    <div class="right">XXXXXXXXXX</div>
                </li>
                <li>
                    <div class="left">发票金额</div>
                    <div class="right">￥2000.00元</div>
                </li>
                <li>
                    <div class="left">纳税号</div>
                    <div class="right">110120130</div>
                </li>
                <h4>收票人信息</h4>
                <li>
                    <div class="left">姓名</div>
                    <div class="right" th:text="${order.orderReceipt.unitName}"></div>
                </li>
                <li>
                    <div class="left">手机</div>
                    <div class="right" th:text="${order.orderReceipt.contactPhone}"></div>
                </li>
                <li>
                    <div class="left">地址</div>
                    <div class="right" th:text="${order.orderReceipt.postAddress}"></div>
                </li>
            </ul>
        </div>
    </div>

    <div class="zf-btn">
        <a href="javascript:void(0)">去支付</a>
    </div>
</div>

<div th:replace="m/foot :: foot"></div>

</body>

<div th:replace="m/foot :: footer('')"></div>

</html>